<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <p:panelGrid columns="5">
        <p:outputLabel value="Fecha desde:" for="idfechadesdegrafic"/>
        <p:outputPanel>
            <p:calendar mode="popup" navigator="true" showButtonPanel="true" showOn="button" required="true" requiredMessage='El campo "Fecha desde" es requerido' id="idfechadesdegrafic" value="#{dgtController.fechadesdeGrafic}"/>
            <p:watermark for="idfechadesdegrafic" value="dd/mm/aa" />
        </p:outputPanel>
        <p:outputLabel value="Fecha Hasta:" for="idfechahastagrafic"/>
        <p:outputPanel>
            <p:calendar mode="popup" navigator="true" showButtonPanel="true" showOn="button" required="true" requiredMessage='El campo "Fecha hasta" es requerido' id="idfechahastagrafic" value="#{dgtController.fechahastaGrafic}"/>
            <p:watermark for="idfechahastagrafic" value="dd/mm/aa" />
        </p:outputPanel>
        <p:commandButton value="Mostrar" update="basic basicc graficpruebas"
                         process="@this idfechadesdegrafic idfechahastagrafic"
                         actionListener="#{dgtController.matriculaGrafic}"/>
    </p:panelGrid>
    <p:panel>
        <p:barChart id="basic" value="#{dgtController.graficMatriculaMensual}" legendPosition="ne" title="Matricula Mensual" style="width:400px" />
        <p:barChart id="basicc" value="#{dgtController.graficMatMensualPermiso}" legendPosition="ne" title="Matricula Permisos" style="width:400px" />

    </p:panel>
    <p:panel>
        <p:barChart id="graficpruebas" value="#{dgtController.graficResMensual}" legendPosition="ne" title="Resultado Mensual" style="width:400px" />

    </p:panel>

</ui:composition>

